.todolist {
 background: #fff;
 height: 100%;
 border-radius: 8px;
 padding: 0 8px;

 .todo-title {
  padding-left: 32px;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  font-weight: 600;
  color: #999;
  border-bottom: 1px solid #ededed;

  .todo-input {
   border: none !important;
  }

  .todo-input[type="text"]:focus {
   outline: none;
   box-shadow: none;
  }
 }

 .todo-content {
  .todo-content-item {
   padding: 0 10px;
   height: 32px;
   line-height: 32px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   border-bottom: 1px solid #ededed;

   .todo-content-item-left {
    width: 20px;
    height: 20px;
    border: 1px solid #ededed;
    border-radius: 100%;
    margin-right: 10px;
   }

   .todo-content-item-right {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;

    .todo-content-delet {
     cursor: pointer;
    }
   }
  }
 }
}
